CSS Color Testing


枠線の色 :  背景の色 : 文字の色 : 

「枠線 / 背景 / 文字」カラー・テスト

・ 最初に枠線の色を決めますが, 透明に近い薄い色が良いデザインに繋がります. 色が濃すぎると見ているうちに目が疲れてきますから, 優しい感じの色が良いでしょう.

・ 次に背景色を選びます. ホワイトが最も分かりやすい色です. ホワイトでない場合は薄いグレーが定番です. 奇抜なデザインでは文字をホワイトにし, 背景色をブラックにすることもあります.

・ 最後に文字の色を決定します. 基本的に文字を読むためには濃い色に設定することが必要です. ページの基本カラーに合わせて, なるべく濃い色を設定してください.